/* Preloader Base */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000000;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
}

/* Logo Fade-In Animation */
#loader-logo {
  height: auto;
  width: 60%;
  opacity: 0;
  animation: fadeIn 3s ease-in-out forwards;
}

@keyframes fadeIn {
  0%   { opacity: 0; transform: scale(0.95); }
  50%  { opacity: 0.5; transform: scale(1.05); }
  100% { opacity: 1; transform: scale(1); }
}

/* Slide-Up Animation */
.slide-up {
  animation: slideUp 3s ease-in-out forwards;
}

@keyframes slideUp {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}

@media (max-width: 768px) {
  #loader-logo {
  width: 100%;
  }
}